<!doctype html>
{% extends "base.html" %}
{% block title %}Ansible 控制{% endblock title %}

{% block page2_show %}show{% endblock page2_show %}
{% block page2.2_active %}active{% endblock page2.2_active %}

{% block main_content %}
<div class="col-12 col-xl-6">
<div class="card">
	<div class="card-header">
		<h5 class="card-title">提交Ansible Playbook</h5>
		<h6 class="card-subtitle text-muted">文件优先级高于文本</h6>
	</div>
	<div class="card-body">
		<form>
			<div class="form-group">
				<label class="form-label">目标主机：</label>
				<input type="email" class="form-control" placeholder="IP地址" required="">
			</div>
			<div class="form-group">
				<label class="form-label">用户名：</label>
				<input type="username" class="form-control" placeholder="请输入用户名" required="" >
			</div>
			<div class="form-group">
				<label class="form-label">密码：</label>
				<input type="password" class="form-control" placeholder="请输入密码" required="" >
			</div>
			<div class="form-group">
				<label class="form-label">Playbook文本</label>
				<textarea class="form-control" placeholder="和文件只能二选一" rows="2"></textarea>
			</div>
			<div class="form-group">
				<label class="form-label w-100">Playbook文件上传</label>
				<input type="file" accept=".yml">
				<small class="form-text text-muted">请注意格式</small>
			</div>
			<div class="form-group">
				<label class="custom-control custom-checkbox">
		            <input type="checkbox" class="custom-control-input">
		            <span class="custom-control-label">是否为文件</span>
		          </label>
			</div>
			<button type="submit" class="btn btn-primary">提 交</button>
		</form>
	</div>
</div>
</div>
{% endblock main_content %}

{% block script %}
{% endblock script %}